<template>
  <div>
    <mt-tabbar fixed>
      <mt-tab-item id="商品">
        <nuxt-link :to="{name: 'food'}" tag="i" class="iconfont icon-shangpin">
        </nuxt-link>
        商品
      </mt-tab-item>
      <mt-tab-item id="订单">
        <nuxt-link :to="{name: 'order'}" tag="i" class="iconfont icon-dingdan">
        </nuxt-link>
        订单
      </mt-tab-item>
      <mt-tab-item id="我的">
        <nuxt-link :to="{name: 'mine'}" tag="i" class="iconfont icon-wode">
        </nuxt-link>
        我的
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>
<script>

export default {

};

</script>
<style lang="stylus">
.mint-tab-item-label
  font-size 14px
.mint-tabbar
  border-top 1px solid #f1f1f1
  background #fff
  a
    color #aaa
  i
    display block
    font-size 0.5rem
    padding-bottom 2px
    color #aaa
  .nuxt-link-active
    color:#26a2ff;
</style>

